@import 'src/style/mixin';
  
.page_benefit_commend{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        padding-top: 1.95rem;
        z-index: 203;
        background-color: #f5f5f5;
        p, span{
            font-family: Helvetica Neue,Tahoma,Arial;
        }
        .activity_banner{
            img{
                @include wh(100%, 10rem);
            }
        }
        .invite_firend{
            display: flex;
            padding: 1rem 0;
            background-color: #fff;
            .invite_firend_style{
                flex: 1;
                text-align: center;
                img{
                    @include wh(2.5rem, 2.5rem);
                }
                p{
                    @include sc(.5rem, #333);
                }
            }
        }
        .invite_num{
            display: flex;
            margin-top: 1rem;
            @include sc(.5rem, #666);
            .invite_num_style{
                flex: 1;
                text-align: center;
                p{
                    color: #666;
                }
                span{
                    @include sc(.8rem, #ff5633);
                    font-weight: bold;
                }
            }
            .invite_people{
                border-left: 0.025rem solid #ddd;
                span{
                    @include sc(.8rem, #666);
                    font-weight: bold;
                }
            }
        }
        .income_detail{
            text-align: center;
            margin-top: 1rem;
            @include sc(.5rem, #666);
        }
        .incom_tips{
            text-align: center;
            margin-top: 1rem;
            img{
                @include wh(1.3rem, 1.6rem);
            }
            p{
                @include sc(.5rem, #999);
            }
        }
}
